<script setup lang="ts">
import SonCom from '@/views/Playground/SonCom.vue'
import { ref } from 'vue'
const money = ref(100)
const score = ref(0)
const options = [
  { label: '男', value: 1 },
  { label: '女', value: 0 },
  { label: '人妖', value: 2 }
]
const gender = ref(1)
</script>

<template>
  <div class="playground-page">
    <h1>playground</h1>
    <!-- <son-com v-model:money="money"></son-com> -->
    <!-- <son-com v-model:modelValue="modelValue"></son-com> -->
    <son-com v-model:money="money" v-model:modelValue="score"></son-com>
    <cp-radio-btn
      :options="options"
      v-model="gender"
      @update:model-value="gender = $event as number"
    >
    </cp-radio-btn>
  </div>
</template>

<style scoped></style>
